/* 
    Document   : style
    Author     : TaixMiguel
*/

@charset "UTF-8";
@font-face {
    font-family: 'MankSans';
    src: url('fonts/MankSans.eot');
    src: url('fonts/MankSans.woff') format('woff'), url('fonts/MankSans.ttf') format('truetype'), url('fonts/MankSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:link { text-decoration:none; }
p  { margin:1em 0; }
ul { margin:16px 0; padding-left:40px; list-style-position:outside; list-style-image:url('images/ball.png'); }
h1 { font-size: 2em; margin: 21px 0; }
h2 { font-size: 1.5em; margin: 19px 0; }
h3 { font-size: 1.2em; margin: 19px 0; }

html {
    /*font-family: 'Telex', sans-serif;*/
    font-family: MankSans;
    margin: 0 auto;
    /*background-color: #5F889C;*/
    background-image: url('images/1d4159.png');
    background-repeat:repeat;
}


/* HEADER */
body > header {
    position: relative;
    width: 100%;
    font-size: 16px;
    /*background-color: #A5D2E8;*/
    background-image: url('images/18263b.png');
    background-repeat:repeat;
}

body > header > section {
    position: relative;
    padding:16px;
    width:1200px;
    margin: 0px auto;
    /*background-color: #8DCAE8;*/
    background-image: url('images/3d6d87.png');
    background-repeat:repeat;
}

body > header > section > #logo {
    position: relative;
    width:  500px;
    height: 111px;
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
}

body > header > section > nav {
    position: relative;
    width: 50%;
    left: 50%;
    top: -25px;
}

body > header > section > nav > img {
    float: right;
    margin-right:   1%;
    margin-bottom:  1%;
}

body > header > section > nav > a > div {
    float: right;
    margin: 0% 2% 0% 2%;
    padding: 0.75%;
    text-transform: uppercase;
    font-weight: bold;
}
    
body > header > section > nav > a > .elementoMenu {
    color: #A5D2E8;
    background-color: #144057;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

body > header > section > nav > a > .elementoMenu:hover, .elementoMenuActivo {
    color: #206687;
    background-color: #A5D2E8;
}
/* FIN HEADER */

/* FOOTER */
body > footer {
    width:1220px;
    position: relative;
    margin: 10px auto;
    padding: 5px;
    color:  #A5D2E8;
    /*background-color: #206687;*/
    background-image: url('images/3d6d87.png');
    background-repeat:repeat;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

body > footer > a {
    color:  #88A2AE;
    color:  #FAFAFA;
	
}

body > footer > a:after {
    position: absolute;
    top: 0.5px;
    left: 160px;
   content: url('images/twitterLogo.png');
}
/* FIN FOOTER */


/* CONTENIDO */
body > section {
    width:1200px;
    margin: 0px auto;
    padding: 12px 16px 30px 16px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #FFF;
}

.visible {
    display: block;
}

.oculto {
    display: none;
}
/* FIN CONTENIDO */